﻿<!DOCTYPE html>
<html>
  <head>
    <title>Notification 通知</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/notification___/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/notification___/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u9596" class="ax_default box_1">
        <img id="u9596_img" class="img " src="images/message_____/u9441.png"/>
        <!-- Unnamed () -->
        <div id="u9597" class="text" style="visibility: visible;">
          <p><span>成功</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9598" class="ax_default box_1">
        <img id="u9598_img" class="img " src="images/message_____/u9441.png"/>
        <!-- Unnamed () -->
        <div id="u9599" class="text" style="visibility: visible;">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9600" class="ax_default box_1">
        <img id="u9600_img" class="img " src="images/message_____/u9441.png"/>
        <!-- Unnamed () -->
        <div id="u9601" class="text" style="visibility: visible;">
          <p><span>警告</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9602" class="ax_default box_1">
        <img id="u9602_img" class="img " src="images/message_____/u9441.png"/>
        <!-- Unnamed () -->
        <div id="u9603" class="text" style="visibility: visible;">
          <p><span>错误</span></p>
        </div>
      </div>

      <!-- 通知 (Dynamic Panel) -->
      <div id="u9604" class="ax_default ax_default_hidden" data-label="通知" style="display: none; visibility: hidden">
        <div id="u9604_state0" class="panel_state" data-label="state1">
          <div id="u9604_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9605" class="ax_default box_2">
              <img id="u9605_img" class="img " src="images/notification___/u9605.png"/>
              <!-- Unnamed () -->
              <div id="u9606" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9607" class="ax_default label">
              <img id="u9607_img" class="img " src="images/notification___/u9607.png"/>
              <!-- Unnamed () -->
              <div id="u9608" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9609" class="ax_default label">
              <img id="u9609_img" class="img " src="images/notification___/u9609.png"/>
              <!-- Unnamed () -->
              <div id="u9610" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9611" class="ax_default image">
              <img id="u9611_img" class="img " src="images/table___/u7048.png"/>
              <!-- Unnamed () -->
              <div id="u9612" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9613" class="ax_default box_1">
        <img id="u9613_img" class="img " src="images/loading___/u9059.png"/>
        <!-- Unnamed () -->
        <div id="u9614" class="text" style="visibility: visible;">
          <p><span>可自动关闭</span></p>
        </div>
      </div>

      <!-- 通知 (Dynamic Panel) -->
      <div id="u9615" class="ax_default ax_default_hidden" data-label="通知" style="display: none; visibility: hidden">
        <div id="u9615_state0" class="panel_state" data-label="state1">
          <div id="u9615_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9616" class="ax_default box_2">
              <img id="u9616_img" class="img " src="images/notification___/u9616.png"/>
              <!-- Unnamed () -->
              <div id="u9617" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9618" class="ax_default label">
              <img id="u9618_img" class="img " src="images/notification___/u9607.png"/>
              <!-- Unnamed () -->
              <div id="u9619" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9620" class="ax_default label">
              <img id="u9620_img" class="img " src="images/notification___/u9609.png"/>
              <!-- Unnamed () -->
              <div id="u9621" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9622" class="ax_default image">
              <img id="u9622_img" class="img " src="images/table___/u7048.png"/>
              <!-- Unnamed () -->
              <div id="u9623" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9624" class="ax_default box_1">
        <img id="u9624_img" class="img " src="images/notification___/u9624.png"/>
        <!-- Unnamed () -->
        <div id="u9625" class="text" style="visibility: visible;">
          <p><span>不可自动关闭</span></p>
        </div>
      </div>

      <!-- 成功 (Dynamic Panel) -->
      <div id="u9626" class="ax_default ax_default_hidden" data-label="成功" style="display: none; visibility: hidden">
        <div id="u9626_state0" class="panel_state" data-label="state1">
          <div id="u9626_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9627" class="ax_default box_2">
              <img id="u9627_img" class="img " src="images/notification___/u9616.png"/>
              <!-- Unnamed () -->
              <div id="u9628" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9629" class="ax_default label">
              <img id="u9629_img" class="img " src="images/notification___/u9607.png"/>
              <!-- Unnamed () -->
              <div id="u9630" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9631" class="ax_default label">
              <img id="u9631_img" class="img " src="images/notification___/u9609.png"/>
              <!-- Unnamed () -->
              <div id="u9632" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9633" class="ax_default image">
              <img id="u9633_img" class="img " src="images/table___/u7048.png"/>
              <!-- Unnamed () -->
              <div id="u9634" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9635" class="ax_default box_3">
              <img id="u9635_img" class="img " src="images/message_____/u9145.png"/>
              <!-- Unnamed () -->
              <div id="u9636" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9637" class="ax_default image">
              <img id="u9637_img" class="img " src="images/alert___/u8793.png"/>
              <!-- Unnamed () -->
              <div id="u9638" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 消息 (Dynamic Panel) -->
      <div id="u9639" class="ax_default ax_default_hidden" data-label="消息" style="display: none; visibility: hidden">
        <div id="u9639_state0" class="panel_state" data-label="state1">
          <div id="u9639_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9640" class="ax_default box_2">
              <img id="u9640_img" class="img " src="images/notification___/u9616.png"/>
              <!-- Unnamed () -->
              <div id="u9641" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9642" class="ax_default label">
              <img id="u9642_img" class="img " src="images/notification___/u9607.png"/>
              <!-- Unnamed () -->
              <div id="u9643" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9644" class="ax_default label">
              <img id="u9644_img" class="img " src="images/notification___/u9609.png"/>
              <!-- Unnamed () -->
              <div id="u9645" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9646" class="ax_default image">
              <img id="u9646_img" class="img " src="images/table___/u7048.png"/>
              <!-- Unnamed () -->
              <div id="u9647" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9648" class="ax_default box_3">
              <img id="u9648_img" class="img " src="images/message_____/u9154.png"/>
              <!-- Unnamed () -->
              <div id="u9649" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9650" class="ax_default image">
              <img id="u9650_img" class="img " src="images/alert___/u8804.png"/>
              <!-- Unnamed () -->
              <div id="u9651" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 警告 (Dynamic Panel) -->
      <div id="u9652" class="ax_default ax_default_hidden" data-label="警告" style="display: none; visibility: hidden">
        <div id="u9652_state0" class="panel_state" data-label="state1">
          <div id="u9652_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9653" class="ax_default box_2">
              <img id="u9653_img" class="img " src="images/notification___/u9616.png"/>
              <!-- Unnamed () -->
              <div id="u9654" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9655" class="ax_default label">
              <img id="u9655_img" class="img " src="images/notification___/u9607.png"/>
              <!-- Unnamed () -->
              <div id="u9656" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9657" class="ax_default label">
              <img id="u9657_img" class="img " src="images/notification___/u9609.png"/>
              <!-- Unnamed () -->
              <div id="u9658" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9659" class="ax_default image">
              <img id="u9659_img" class="img " src="images/table___/u7048.png"/>
              <!-- Unnamed () -->
              <div id="u9660" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9661" class="ax_default box_3">
              <img id="u9661_img" class="img " src="images/message_____/u9163.png"/>
              <!-- Unnamed () -->
              <div id="u9662" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9663" class="ax_default image">
              <img id="u9663_img" class="img " src="images/alert___/u8815.png"/>
              <!-- Unnamed () -->
              <div id="u9664" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 错误 (Dynamic Panel) -->
      <div id="u9665" class="ax_default ax_default_hidden" data-label="错误" style="display: none; visibility: hidden">
        <div id="u9665_state0" class="panel_state" data-label="state1">
          <div id="u9665_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9666" class="ax_default box_2">
              <img id="u9666_img" class="img " src="images/notification___/u9616.png"/>
              <!-- Unnamed () -->
              <div id="u9667" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9668" class="ax_default label">
              <img id="u9668_img" class="img " src="images/notification___/u9607.png"/>
              <!-- Unnamed () -->
              <div id="u9669" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9670" class="ax_default label">
              <img id="u9670_img" class="img " src="images/notification___/u9609.png"/>
              <!-- Unnamed () -->
              <div id="u9671" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9672" class="ax_default image">
              <img id="u9672_img" class="img " src="images/table___/u7048.png"/>
              <!-- Unnamed () -->
              <div id="u9673" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9674" class="ax_default box_3">
              <img id="u9674_img" class="img " src="images/message_____/u9172.png"/>
              <!-- Unnamed () -->
              <div id="u9675" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9676" class="ax_default image">
              <img id="u9676_img" class="img " src="images/alert___/u8826.png"/>
              <!-- Unnamed () -->
              <div id="u9677" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 通知 (Dynamic Panel) -->
      <div id="u9678" class="ax_default ax_default_hidden" data-label="通知" style="display: none; visibility: hidden">
        <div id="u9678_state0" class="panel_state" data-label="state1">
          <div id="u9678_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9679" class="ax_default box_2">
              <img id="u9679_img" class="img " src="images/notification___/u9616.png"/>
              <!-- Unnamed () -->
              <div id="u9680" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9681" class="ax_default label">
              <img id="u9681_img" class="img " src="images/notification___/u9607.png"/>
              <!-- Unnamed () -->
              <div id="u9682" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9683" class="ax_default label">
              <img id="u9683_img" class="img " src="images/notification___/u9609.png"/>
              <!-- Unnamed () -->
              <div id="u9684" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9685" class="ax_default image">
              <img id="u9685_img" class="img " src="images/table___/u7048.png"/>
              <!-- Unnamed () -->
              <div id="u9686" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9687" class="ax_default box_1">
        <img id="u9687_img" class="img " src="images/loading___/u9059.png"/>
        <!-- Unnamed () -->
        <div id="u9688" class="text" style="visibility: visible;">
          <p><span>右上角</span></p>
        </div>
      </div>

      <!-- 通知 (Dynamic Panel) -->
      <div id="u9689" class="ax_default ax_default_hidden" data-label="通知" style="display: none; visibility: hidden">
        <div id="u9689_state0" class="panel_state" data-label="state1">
          <div id="u9689_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9690" class="ax_default box_2">
              <img id="u9690_img" class="img " src="images/notification___/u9616.png"/>
              <!-- Unnamed () -->
              <div id="u9691" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9692" class="ax_default label">
              <img id="u9692_img" class="img " src="images/notification___/u9607.png"/>
              <!-- Unnamed () -->
              <div id="u9693" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9694" class="ax_default label">
              <img id="u9694_img" class="img " src="images/notification___/u9609.png"/>
              <!-- Unnamed () -->
              <div id="u9695" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9696" class="ax_default image">
              <img id="u9696_img" class="img " src="images/table___/u7048.png"/>
              <!-- Unnamed () -->
              <div id="u9697" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9698" class="ax_default box_1">
        <img id="u9698_img" class="img " src="images/loading___/u9059.png"/>
        <!-- Unnamed () -->
        <div id="u9699" class="text" style="visibility: visible;">
          <p><span>右下角</span></p>
        </div>
      </div>

      <!-- 通知 (Dynamic Panel) -->
      <div id="u9700" class="ax_default ax_default_hidden" data-label="通知" style="display: none; visibility: hidden">
        <div id="u9700_state0" class="panel_state" data-label="state1">
          <div id="u9700_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9701" class="ax_default box_2">
              <img id="u9701_img" class="img " src="images/notification___/u9616.png"/>
              <!-- Unnamed () -->
              <div id="u9702" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9703" class="ax_default label">
              <img id="u9703_img" class="img " src="images/notification___/u9607.png"/>
              <!-- Unnamed () -->
              <div id="u9704" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9705" class="ax_default label">
              <img id="u9705_img" class="img " src="images/notification___/u9609.png"/>
              <!-- Unnamed () -->
              <div id="u9706" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9707" class="ax_default image">
              <img id="u9707_img" class="img " src="images/table___/u7048.png"/>
              <!-- Unnamed () -->
              <div id="u9708" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9709" class="ax_default box_1">
        <img id="u9709_img" class="img " src="images/loading___/u9059.png"/>
        <!-- Unnamed () -->
        <div id="u9710" class="text" style="visibility: visible;">
          <p><span>左下角</span></p>
        </div>
      </div>

      <!-- 通知 (Dynamic Panel) -->
      <div id="u9711" class="ax_default ax_default_hidden" data-label="通知" style="display: none; visibility: hidden">
        <div id="u9711_state0" class="panel_state" data-label="state1">
          <div id="u9711_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9712" class="ax_default box_2">
              <img id="u9712_img" class="img " src="images/notification___/u9616.png"/>
              <!-- Unnamed () -->
              <div id="u9713" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9714" class="ax_default label">
              <img id="u9714_img" class="img " src="images/notification___/u9607.png"/>
              <!-- Unnamed () -->
              <div id="u9715" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9716" class="ax_default label">
              <img id="u9716_img" class="img " src="images/notification___/u9609.png"/>
              <!-- Unnamed () -->
              <div id="u9717" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u9718" class="ax_default image">
              <img id="u9718_img" class="img " src="images/table___/u7048.png"/>
              <!-- Unnamed () -->
              <div id="u9719" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9720" class="ax_default box_1">
        <img id="u9720_img" class="img " src="images/loading___/u9059.png"/>
        <!-- Unnamed () -->
        <div id="u9721" class="text" style="visibility: visible;">
          <p><span>左上角</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9722" class="ax_default box_2">
        <img id="u9722_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u9723" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9724" class="ax_default label">
        <img id="u9724_img" class="img " src="images/notification___/u9724.png"/>
        <!-- Unnamed () -->
        <div id="u9725" class="text" style="visibility: visible;">
          <p><span>Notification 通知</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9726" class="ax_default label">
        <img id="u9726_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u9727" class="text" style="visibility: visible;">
          <p><span>基本用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9728" class="ax_default label">
        <img id="u9728_img" class="img " src="images/table___/u7405.png"/>
        <!-- Unnamed () -->
        <div id="u9729" class="text" style="visibility: visible;">
          <p><span>悬浮出现在页面角落，显示全局的通知提醒消息。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9730" class="ax_default label">
        <img id="u9730_img" class="img " src="images/link_文字链接/u2093.png"/>
        <!-- Unnamed () -->
        <div id="u9731" class="text" style="visibility: visible;">
          <p><span>适用性广泛的通知栏</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9732" class="ax_default label">
        <img id="u9732_img" class="img " src="images/icon_图标/u492.png"/>
        <!-- Unnamed () -->
        <div id="u9733" class="text" style="visibility: visible;">
          <p><span>带有倾向性</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9734" class="ax_default label">
        <img id="u9734_img" class="img " src="images/notification___/u9734.png"/>
        <!-- Unnamed () -->
        <div id="u9735" class="text" style="visibility: visible;">
          <p><span>带有 icon，常用来显示「成功、警告、消息、错误」类的系统消息</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9736" class="ax_default label">
        <img id="u9736_img" class="img " src="images/cascader______/u4604.png"/>
        <!-- Unnamed () -->
        <div id="u9737" class="text" style="visibility: visible;">
          <p><span>自定义弹出位置</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9738" class="ax_default label">
        <img id="u9738_img" class="img " src="images/notification___/u9738.png"/>
        <!-- Unnamed () -->
        <div id="u9739" class="text" style="visibility: visible;">
          <p><span>可以让 Notification 从屏幕四角中的任意一角弹出</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9740" class="ax_default label">
        <img id="u9740_img" class="img " src="images/button___/u1816.png"/>
        <!-- Unnamed () -->
        <div id="u9741" class="text" style="visibility: visible;">
          <p><span>隐藏关闭按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9742" class="ax_default label">
        <img id="u9742_img" class="img " src="images/link_文字链接/u2093.png"/>
        <!-- Unnamed () -->
        <div id="u9743" class="text" style="visibility: visible;">
          <p><span>可以不显示关闭按钮</span></p>
        </div>
      </div>

      <!-- 通知 (Dynamic Panel) -->
      <div id="u9744" class="ax_default ax_default_hidden" data-label="通知" style="display: none; visibility: hidden">
        <div id="u9744_state0" class="panel_state" data-label="state1">
          <div id="u9744_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9745" class="ax_default box_2">
              <img id="u9745_img" class="img " src="images/notification___/u9605.png"/>
              <!-- Unnamed () -->
              <div id="u9746" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9747" class="ax_default label">
              <img id="u9747_img" class="img " src="images/notification___/u9607.png"/>
              <!-- Unnamed () -->
              <div id="u9748" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9749" class="ax_default label">
              <img id="u9749_img" class="img " src="images/notification___/u9609.png"/>
              <!-- Unnamed () -->
              <div id="u9750" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9751" class="ax_default box_1">
        <img id="u9751_img" class="img " src="images/notification___/u9751.png"/>
        <!-- Unnamed () -->
        <div id="u9752" class="text" style="visibility: visible;">
          <p><span>隐藏关闭按钮</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
